![\"Donation](\"https:\/\/www.gravityforms.com\/wp-content\/uploads\/2020\/09\/Donation-Form.jpg\")
<\/p>\n<\/p>\n
If you run a non-profit organization, then it is vital that you display an attractive and user-friendly donation form on your website, helping you to collect much-needed funds for your cause. Here at Gravity Forms, we are delighted that so many of our customers come from the non-profit community, and we thrive to support each and every organization throughout their journey.<\/p>\n
<\/p>\n
Gravity Forms is a natural fit for any non-profit organization. Not only do we offer a wide range of integrations that can be used to help you create a unique donation experience for your contributors, but we are also known for our impeccable track record with security and reliability – a must for any reputable platform that deals with people\u2019s money and data.<\/p>\n
In this Starter Guide, we will look at how to create a donation form for your website, using a selection of form fields and conditional logic. Importantly, we begin by discussing the different payment processor options that Gravity Forms integrates with, and how to sync these with your form.<\/p>\n
Let\u2019s get started\u2026<\/p>\n
One of the key benefits of using Gravity Forms to create a donation form for your website is the wide assortment of payment processors that you can use. These include\u2026<\/p>\n
Choosing the right Payment Add-On\/s for your donation form a must – by ensuring the payment Add-On caters directly to the needs of your donors, you streamline the donation process, which will help to boost submissions. You also need a payment processor that can support the needs of your organization. Consider these key factors when making a decision…<\/p>\n
All Gravity Forms Payment Add-Ons can be installed from within your WordPress dashboard. Simply select Forms > Add-Ons <\/strong>and click Install <\/strong>when you find the appropriate add-on.<\/p>\n To integrate each specific payment Add-On after installation, check out our extensive Add-On documentation<\/a>.<\/p>\n Once you have installed a payment processor Add-On, you are ready to create your donation form…<\/p>\n The donation form you create will very much depend on the needs of your organization and the information you want to collect. However, the following instructions will walk you through how to put together a basic donation form and customize it to suit your needs.<\/p>\n Within your WordPress dashboard, select Forms > Add New<\/strong>, and give your form a name and description.<\/p>\n Consider your form description carefully, although it isn\u2019t mandatory, a well-crafted description can speak directly to your audience, encouraging them to make a donation.<\/p>\n Start by adding the personal information fields that you want on your form. We recommend Name<\/strong> and Email<\/strong>, which can be found in the form editor under Advanced Fields<\/strong>.<\/p>\n We also recommend enabling Email Confirmation<\/strong> and making both Name and Email fields Required<\/strong>. This ensures you collect people\u2019s correct emails and that forms aren\u2019t submitted without them.<\/p>\n You may also want to add further personal information fields including Phone Number<\/strong> and Address<\/strong>. However, try to make sure you only collect information that is essential – if the form becomes too long you risk missing out on donations.<\/p>\n To accept monetary donations on your website you will need to add Pricing fields to your form. You will probably want to give people the option of donating different amounts…<\/p>\n To set this up, select the Product<\/strong> field and within\u00a0Field Settings <\/strong>choose Radio Buttons<\/strong>. Add in the donation amounts you would like users to choose from, and then add an extra option for \u2018Other Amount\u2019.<\/p>\n Next, select a second Product<\/strong> field underneath the existing field that you have just customized – also name this ‘Other Amount’. You will need to add conditional logic to this field, to allow people to enter their chosen donation amount if they select the radio button ‘other amount’.<\/p>\n To do so, within Field Settings > Advanced<\/strong> select Enable Conditional Logic<\/strong>. Then choose – Show this field if All of the following match: Donation Amount is Other Amount<\/strong>.<\/p>\n Lastly, you just need to add the Total <\/strong>field and the appropriate Card<\/strong> field (eg – Credit Card<\/strong>, Stripe Card<\/strong>, etc – this will depend on the payment processor you have chosen to use).<\/p>\n Now save your form and Preview<\/strong> it to check it is working.<\/p>\n You may want to add some extra fields to collect more info from your donors. Here are some examples\u2026<\/p>\n For marketing purposes, you may want to track how your donors found out about you or why they decided to donate. This gives you a good idea of which campaigns are working and helps to inform future marketing planning.<\/p>\n To create this option select the Radio Buttons<\/strong> field, which you will find under Standard Fields<\/strong>. Radio Buttons can then be customized within the Field Settings<\/strong>.<\/p>\n Give donors some options for correspondence, letting them select the lines of future communication on their own terms.<\/p>\n If you want them to be able to select more than one option, select Standard Fields > Checkboxes<\/strong> and then customize within the Field Settings.<\/p>\n Managing contacts once they have opted into future correspondence is key to nurturing long-standing support and contributions. Consider integrating your form with an email marketing solution like Mailchimp<\/a> or a CRM like Hubspot<\/a>.<\/p>\n For more information on managing your contacts, have a read of this article The 8 Best Email Plugins for WordPress 2020<\/a>.<\/p>\n The rise of privacy protection laws over the last few years has necessitated that non-profits add privacy policies<\/a> to their websites.<\/p>\n With Gravity Forms, you can display your privacy policy via the Consent<\/strong> field, found under Advanced Fields<\/strong>.<\/p>\n For more information on how to use this field, check out the article How to Collect and Store Consent with the Gravity Forms Consent Field<\/a>.<\/p>\n Once you\u2019ve created your form, you will need to connect it to your chosen payment processor. To do this you will need to create a Form Feed<\/strong>, which you can do within the Form Settings<\/strong>.<\/p>\n This is a quick and easy process that is written about extensively within the Gravity Forms documentation<\/a>, with clear step-by-step instructions laid out for each payment Add-On.<\/p>\n When a donor submits a form, a confirmation message will automatically be displayed directly on their screen. By default Gravity Forms displays the confirmation message \u2018Thanks for contacting us! We will be in touch with you shortly<\/em>.\u201d<\/p>\n More appropriate for a donation form would be a message thanking the contributor for donating money to your cause. To alter this message, click on the Settings<\/strong> tab within the form editor and then select Confirmations<\/strong>.<\/p>\n Once you have re-written the message, hit Save Confirmation<\/strong> at the bottom of the page.<\/p>\n If you have a large amount of information you want to share with your donors after form submission, you may want to redirect them to a new page. This could be a thank you page, provide links to social profiles and blog posts, or share further info on how to become involved with your organization.<\/p>\n Have a read of this article, How to\u2026 Redirect Users to a New Page or URL After Form Submission<\/a>, to help you set up this function.<\/p>\n After you\u2019ve configured your form\u2019s settings, all that is left to do is to embed the form onto a post or page on your website. If you need help on how to do this, check out this guide on how to Add a Form to your Website<\/a>.<\/p>\n Think carefully about where you position the form on your website. An attractive and well thought out landing page, with well-crafted text and eye-catching images, will go a long way to encouraging visitors to donate.<\/p>\n And combined with a stylish and user-friendly donation form created with Gravity Forms, you should soon see donations significantly increase, helping to support your cause long-term.<\/p>\n Not a Gravity Forms customer yet? Sign up for our free demo<\/a> to check out just how easy it is to create your own forms as well as customize our many form templates.<\/em><\/p>\n <\/p>\n If you want to keep up-to-date with what’s happening on the blog sign up for the Gravity Forms newsletter!<\/strong><\/p>\n![\"Add-Ons\"](\"https:\/\/www.gravityforms.com\/wp-content\/uploads\/2020\/09\/Add-Ons.png\")
<\/p>\nHow to Create a Donation Form<\/h2>\n
![\"Donation](\"https:\/\/www.gravityforms.com\/wp-content\/uploads\/2020\/09\/Donation-Form.png\")
<\/p>\nNote: <\/strong>Don\u2019t want to create a Donation form from scratch? Head over to our Form Template Library<\/a> to download our pre-built donation form template. Once imported to your website, this form can be easily customized to make it work for your website.<\/div>\nStep 1: Create a New Form<\/h2>\n
![\"New](\"https:\/\/www.gravityforms.com\/wp-content\/uploads\/2020\/09\/New-Form.png\")
<\/p>\nStep 2: Add Personal Information Form Fields<\/h2>\n
![\"Advanced](\"https:\/\/www.gravityforms.com\/wp-content\/uploads\/2020\/09\/Advanced-Fields-1.png\")
<\/p>\n![\"Field](\"https:\/\/www.gravityforms.com\/wp-content\/uploads\/2020\/09\/Field-Settings-1.png\")
<\/p>\nStep 3: Add Pricing Fields<\/h2>\n
![\"Pricing\"](\"https:\/\/www.gravityforms.com\/wp-content\/uploads\/2020\/09\/Pricing-2.png\")
<\/p>\n![\"Donation](\"https:\/\/www.gravityforms.com\/wp-content\/uploads\/2020\/07\/Donation-Amount.png\")
<\/p>\n![\"Other](\"https:\/\/www.gravityforms.com\/wp-content\/uploads\/2020\/07\/Other-Amount.png\")
<\/p>\n![\"Total](\"https:\/\/www.gravityforms.com\/wp-content\/uploads\/2020\/09\/Total-and-Cards.png\")
<\/p>\nStep 4: Add Any Extra Fields<\/h2>\n
How did you hear about us?<\/h2>\n
![\"hear](\"https:\/\/www.gravityforms.com\/wp-content\/uploads\/2020\/09\/hear-about-us-front-end-2.png\")
<\/p>\n![\"how](\"https:\/\/www.gravityforms.com\/wp-content\/uploads\/2020\/09\/how-did-you-hear-about-us.png\")
<\/p>\nHow would you like us to contact you?<\/h2>\n
![\"Contact](\"https:\/\/www.gravityforms.com\/wp-content\/uploads\/2020\/09\/Contact-Front-End-2.png\")
<\/p>\n![\"how](\"https:\/\/www.gravityforms.com\/wp-content\/uploads\/2020\/09\/how-would-you-like-us-to-contact-you.png\")
<\/p>\nConsent to our privacy policy<\/h2>\n
![\"Consent](\"https:\/\/www.gravityforms.com\/wp-content\/uploads\/2020\/09\/Consent-Front-End.png\")
<\/p>\n![\"Consent\"](\"https:\/\/www.gravityforms.com\/wp-content\/uploads\/2020\/09\/Consent-1.png\")
<\/p>\nStep 4: Create a Feed for Your Payment Form<\/h2>\n
![\"\"](\"https:\/\/www.gravityforms.com\/wp-content\/uploads\/2020\/09\/Form-Feed.png\")
<\/p>\nStep 5: Edit the Confirmation Message<\/h2>\n
![\"Confirmation](\"https:\/\/www.gravityforms.com\/wp-content\/uploads\/2018\/05\/Confirmation-Default-Message.png\")
<\/p>\nFinal Thoughts on How to Create a Donation Form<\/h2>\n
\n![\"Gravity](\"https:\/\/www.gravityforms.com\/wp-content\/uploads\/2020\/06\/Gravity-Forms-Newsletter-1.png\")
<\/p>\n